<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<!-- 一些简单样式 -->
	<link rel="stylesheet" href="css/index.css">
	<!-- jq -->
	<script src='../commonCode/jquery-3.3.1.js'></script>
	<!-- jq插件式写法 -->
	<script src='js/indexNew.js'></script>
</head>
<body>
	<!-- 示例 -->
	<!-- 需求 输入框 后面显示输入的字数 -->
	<h3>示例</h3>
	<h3>需求 输入框 后面显示输入的字数</h3>
	<input type="text" id="myInput"/>
	<!------------------------------------------------------------>
	<!-- 我的练习 -->
	<!-- 需求 图片框 点击放大 点击关闭 -->
	<h3>我的练习</h3>
	<h3>需求 图片框 点击放大 点击关闭</h3>
	<div class='wrap'>
		<ul class='flex'>
			<li><img class='valued' src="img/1.jpg" alt=""></li>
			<li><img class='valued' src="img/2.jpg" alt=""></li>
			<li><img class='valued' src="img/3.jpg" alt=""></li>
			<li><img src="" alt=""></li>
			<li><img class='valued' src="img/4.jpg" alt=""></li>
			<li><img src="" alt=""></li>
			<li><img class='valued' src="img/5.jpg" alt=""></li>
			<li><img class='valued' src="img/6.jpg" alt=""></li>
		</ul>
		<ul class='flex'>
			<li><img class='valued0' src="img/1.jpg" alt=""></li>
			<li><img class='valued0' src="img/2.jpg" alt=""></li>
			<li><img class='valued0' src="img/3.jpg" alt=""></li>
			<li><img src="" alt=""></li>
			<li><img class='valued0' src="img/4.jpg" alt=""></li>			
		</ul>
	</div>		
</body>
</html>
